@ColorPrimay:#fdbb12;
@colorDarkGrey:#333333;
@colorGrey:#666666;
@colorLightGray:#999999;
@colorBorder:#e8e8e8;
@colorOranged:#fa7d02;
@colorGreen:#3cd57b;
@colorOrange:#ff9000;
.orange{ color: @colorOrange;}
.green{ color: #30a701;}
.oranged{ color: @colorOranged;}
.Primay{ color: @ColorPrimay; }
.white{ color: white;}
.red{ color: red;}
.LightGray{ color: @colorLightGray;}
.mar-t20{ margin-top: 20px;}
.mar-t25{ margin-top: 25px;}
.mar-15{ margin: 15px;}
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; display: block;}
.ellipsis-mut(@num){ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: @num; -webkit-line-clamp: @num;-webkit-box-orient: vertical;}
.afterborder{  content: "";  position: absolute;    right: 0;   bottom: 0; left: 0px;   height: 1px;     content: ''; -webkit-transform: scaleY(.5);  transform: scaleY(.5);  background-color: @colorBorder;}
.afterborder-r{  content: "";  position: absolute;    right: 0;   bottom: 0;   height: 100%; width: 1px;     content: ''; -webkit-transform: scaleX(.5);  transform: scaleX(.5);  background-color: @colorBorder;}
.afterArrow{  right: 15px;    content: '\e583';  font-family: Muiicons;    font-size: inherit;    line-height: 1;    position: absolute;    top: 50%;    display: inline-block;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);    text-decoration: none;    color: #bbb;    -webkit-font-smoothing: antialiased;}
.dis-tab{ display: table;}
.dis-row{ display: table-row;}
.dis-cell{ display: table-cell;}

/*------------mui------------*/ 
.mui-btn-primary,.mui-btn-green{ border-radius: 90px;  padding-top: 0; padding-bottom: 0;height: 44px; line-height: 44px; background: @ColorPrimay; border-color: @ColorPrimay; color: white !important; }
.mui-btn-primary:active,.mui-btn-primary.mui-active:enabled, .mui-btn-primary:enabled:active, .mui-btn-primary.mui-active:enabled, .mui-btn-primary:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active{ background: @ColorPrimay - 30% ;border-color: @ColorPrimay - 30%; color: white !important; }
.mui-btn-green{ background: @colorGreen ; border: 1px solid #3cd57b;}
.mui-btn-green:active,.mui-btn-green.mui-active:enabled, .mui-btn-green:enabled:active, .mui-btn-green.mui-active:enabled, .mui-btn-green:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active{ background: @colorGreen - 30% ;border-color: @colorGreen - 30%; color: white !important; }
.mui-slider-indicator .mui-indicator{ margin: 0; border-radius: 10px; height: 10px; width: 10px; background: none;border:1px solid white; box-shadow: none;}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
    box-shadow: 0px 0px 20px rgba(0, 135, 229, 0.1);
}
.mui-btn{ font-size: 16px; }
.mui-btn,.shadow{     box-shadow: 0px 10px 20px rgba(0, 135, 229, 0.15);}
.mui-btn-green{box-shadow: 0px 10px 20px rgb(199, 241, 216);}
.mui-btn-primary{box-shadow: 0px 5px 20px rgba(253, 180, 20,0.5); background-image: linear-gradient( 90deg,#fccc0d 0%, #fead16 100% );-webkit-background-image: linear-gradient( 90deg,#fccc0d 0%, #fead16 100% );  border: none;}
.mui-table-view-cell:after,.mui-input-group .mui-input-row:after{ background: @colorBorder; left: 0;}
.mui-bar-nav{ background: @ColorPrimay; color: white; 
a,h1{ color: white;  }
}
.mui-content {    background-color: #faf9f9;}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before { color: @ColorPrimay;}
.mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after{ font-size: 20px;}
.mui-icon-back:before, .mui-icon-left-nav:before {   font-size: 32px;    line-height: 21px;    position: relative;    top: 1px;}

/*------------login------------*/ 
.login-body{    background: no-repeat center bottom url(../images/login-bg.jpg) #eff4fd; background-size: 100% auto;}
.login-form{margin: 0px 15px; border-radius: 5px; padding-bottom: 15px;
    .brand{
        text-align: center; padding: 40px 0;
        h1{ font-size: 18px; text-align: center;  font-weight: normal;}
        .logo{border-radius: 5px;  background: @ColorPrimay; width: 70px; height: 70px;  margin: 0 auto;  margin-bottom: 15px; box-shadow:0px 5px 20px rgba(253, 180, 20,0.5);}
    }
    ul{ border-radius: 5px; overflow: hidden;}
    li{  position: relative;   height: 50px;  overflow: hidden;   background: white;  }
    li:after{.afterborder;}
    .txt-input{ padding-left: 35px; box-shadow: none; margin-bottom: 0px;border:none; border-radius: 0; font-size: 16px;background-size: 65px auto;height: 23px; line-height: 23px; padding-top: 25px;padding-bottom: 25px; padding-left: 45px;box-sizing: border-box;}
    .iconfont{ position: absolute;  font-size: 20px; color: @colorGrey;  left: 15px;     top: 2px;    line-height: 42px; }    
    .subit{ padding-top: 15px;}
    .icon-phone{  top:5px;}
    .txt-pwd{ width: 60%;}
    .txt-pwd + .mui-icon-clear{ right: 35%;}
    .mui-icon-clear{ top:15px !important;}
    .getpwd{ position: absolute; z-index: 2; color: @ColorPrimay; top: 8px; min-width: 35%;  text-align: center;  display: inline-block; height: 34px; line-height: 34px; right: 0; }
    .getpwd:after{.afterborder;  width: 1px; height: 80%;   -webkit-transform: scaleY(1);    transform: scaleY(1);    -webkit-transform: scaleX(0.5);    transform: scaleX(0.5);   left: 0; top: 10%; bottom: auto;}
    .gray{ color: @colorLightGray;
        span{ font-size: 12px;}
    }
    
    li:last-child{ border-bottom: none; background: white;}
    li:last-child:after{ height: 0;}
    
}

/*------------列表------------*/ 
.distribution-detaile-content{
    margin: 15px;
    ul{ border-radius: 5px;}
    li, .mui-input-row:last-child{ border-radius: 5px; border: 1px solid #e3e9f5; background: white; margin-bottom: 10px;}
    li:last-child:after{ height: 0;}
    .mui-input-group:before,.mui-input-group:after{ height: 0;}
    .mui-input-group .mui-input-row:after{ right: 15px;}
    
    label{ text-align: center;  box-sizing: border-box; font-size: 16px;height: 44px; line-height: 44px;padding: 0; background: none;}
    .num{ background: none; border: none; width: 35%; text-align: center;}
    p{  color: @colorGrey; margin-bottom: 5px;}
    .txt-input{  border: none; height: 44px; text-align: left; font-size: 16px; margin-bottom: 0px;box-shadow:none;}
    .btn-Distribution{ margin-top: 20px;}
    .red{font-size: 12px;}
     input[disabled]{  opacity: 1; color: #666; background: #eff4fd;}
     textarea.txt-input{ height: 85px;padding: 10px 0px;}
     .mui-input-group .mui-input-row{ height: auto;}
     .select{ width: 65%;padding-left: 0; position: relative;}
     .select:after{    font-family: Muiicons; position: absolute; right: 15px;     font-size: 16px;    font-style: normal;    -webkit-font-smoothing: antialiased;    content: "\e581"; }
    .disabled-bg  label, .disabled-bg  .txt-input,.disabled-bg{ background: #eff4fd;}
}
/*------------在线报名------------*/ 
.white-wrap(@num:0px){ margin-bottom: @num; background: white; overflow: hidden;  box-shadow: 0 0 20px rgba(96,96,96,0.06);}
 .sign-up-head{
    display: table; width: 98%; margin-left: 1%; height: 50px;
    ul{ display: table-row ;}
    li{ display: table-cell;  vertical-align: middle;  text-align: center; color: #b8b8b8;
        span{ display: inline-block; font-size: 12px;}
        
    }
    .icon-arrow-r{ position: relative;  font-size: 12px; color:#b8b8b8;}
   .num{ padding-right: 2px;}
   
    .orange,.on{ color: @colorOranged;
       
    }
    .on{ border-bottom: 2px solid @colorOranged;}
}
@media(max-width:413px){
    .sign-up-head li span{ font-size: 12px;}
}
@media(max-width:374px){
    .sign-up-head li span{ font-size: 10px;}
    .sign-up-content{padding: 0px  10px 10px  10px;  }
    .sign-up-head{ height: 50px; padding-top: 2px;}
    .sign-up-head li span{ }
}
    .sign-up-price{ 
         text-align: right;
        span{ display: block;}
        .present{ color: @ColorPrimay;  font-weight: bold; font-size: 16px;}
        .original{ font-size: 11px; text-decoration:line-through; color: @colorLightGray;}
        .deposit{  padding: 0px 2px; color: @ColorPrimay; border: 1px solid @ColorPrimay; border-radius: 5px; font-size: 10px;  display: inline-block;}
        
    }
.sign-up-class-list{
    li{ padding: 15px 15px;position:relative;
      &:after{ .afterborder; }
    }
    .white-wrap;
    dl{ display: table; width: 100%;}
    dd{ display: table-cell; vertical-align: middle;}
    dd:last-child{  width:90px; padding-left: 20px;}
    .class-name{ font-size: 18px;}
    .mui-btn-primary{ box-shadow: none; line-height: 35px; height: 35px; font-size: 14px; width: 100%;}
    .price{
        .sign-up-price;         text-align: left;
        .deposit{ display: inline-block; font-size: 12px;}
        .present{display: inline-block;font-size: 18px;}
        span{ vertical-align: middle; margin: 0; margin-right: 3px;}
    }
    .class-describe{ margin-top: 3px; margin-bottom: 3px; font-size: 12px; color: @colorLightGray;  margin-left: -4px;
        span{   
            display:inline-block; margin-right: 10px;
            &:before{ font-family: "iconfont"; content: "\e66b"; color: @colorLightGray + 60%;}         
        }
    }
    
}
@media(max-width:413px){
    
}
@media(max-width:374px){
   
 
}
@media(max-width:320px){
    .sign-up-class-list .class-describe span{ font-size: 10px;}
}


.choice-address{
     .white-wrap(0px); 
     li{ padding: 20px 15px; position: relative;
        .mui-checkbox{position: relative;}
        input{ right: inherit; left: 0px;}
        .mui-radio input[type=radio]:checked:before { content: '\e442';}
        a{ margin-left: 40px; display: block;}
        dt{ font-size: 16px; }
        dd{ font-size: 14px; color: @colorLightGray;}
     }
     li:after{.afterborder;}
}
.sign-up-class-wrap{    }
.sign-up-class-head{
    .white-wrap(15px); 
    position: relative; overflow: hidden; display: table; width: 100%; padding-left: 15px; padding-right: 15px;   height: 100px;    
    ul{ display: table-row; height: 100px;}
    li{ display: table-cell; vertical-align: middle;}
    h1{ font-size: 18px; font-weight: normal;}
    .price{
        .sign-up-price; color: @ColorPrimay; position: relative; z-index: 1;
        .present{ color: orange; font-size: 22px;    line-height: 20px;}
        .original{margin-bottom: -8px;     line-height: 14px;    margin-top: 5px; font-size: 14px;}
        .deposit{ padding: 0px 5px;  border-color: white; font-size: 12px;   margin-bottom: 5px;}
    }    
}
.sign-up-class-head.icon-car:after{
    position: absolute; right: -40px; bottom: 0;  line-height: 52px;    font-family: "iconfont";content: "\e63f"; color: #f8f8f8; font-size: 230px; z-index: 0;
}
.sign-up-class-head.icon-car:before{
   content: "";
}
.sign-up-detaile,.section-detaile{
    .white-wrap(15px);
    .tit{         
       color: @colorDarkGrey; font-weight: bold; position: relative;height: 50px;  font-size: 16px; line-height: 50px; padding: 0px 15px;
       .iconfont{ margin-right: 5px; font-size: 18px; position: relative; top:2px; color: @colorOranged;}
        &:after{ .afterborder; }
         }
    .content{
         padding: 20px 15px; min-height: 110px; color: @colorGrey;
         .dis-tab{ margin: -5px 0;}
         .dis-tab .dis-cell{ padding: 5px;}
         .dis-cell:first-child{ padding-right: 10px; white-space: nowrap; padding-left: 0;}
         p{ color: @colorGrey; text-align: justify; text-justify: inter-ideograph;}
         img{ max-width: 100%;}
    }
    .article-content{
        line-height: 1.8;
    }
}

.sign-btn{
     position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px  15px  5px  15px; background: #faf9f9;
    .back{  float: left; padding: 0; height: 44px; line-height: 44px;  border: white; .white-wrap; font-weight: normal;  color: @colorGrey;}
    .mui-disabled{ background: #d2d2d2; opacity: 1;  box-shadow:0px 5px 20px #e3e3e3;}
}
@media(max-width:320px)
{
    .sign-btn{ padding: 10px  10px  0px  10px; }
}
.sign-up-write{
    .mui-input-group{.white-wrap; overflow: hidden;}
    .mui-input-group .mui-input-row{ height: 50px;}
    .mui-input-group .mui-input-row{ display: flex;}
    .mui-input-group .mui-input-row label, .mui-input-group .mui-input-row input{ font-size: 15px; height: 50px;   float: none; width: auto;}
    .mui-input-group .mui-input-row label{ width: 90px;padding: 0px 15px 0px 15px; line-height: 50px; }
    .mui-input-group .mui-input-row input{flex: 1; box-shadow: none;  margin-top: 1px; }      　 
    .mui-input-group .mui-input-row input::-webkit-input-placeholder{ color: @colorBorder - 50%;}
    .mui-input-group .mui-input-row input ::-moz-placeholder{color: @colorBorder - 50%;}
    .mui-input-group .mui-input-row input :-ms-placeholder{color: @colorBorder - 50%;}
    .mui-input-group .mui-input-row:after{ left: 0;}
    .mui-input-group:before,.mui-input-group:after, .mui-input-group .mui-input-row:last-child:after{ height: 0;}
    .mui-checkbox{ margin: 15px 0;}
    .mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{ top: 5px; left: 0px;}
    .mui-checkbox.mui-left span, .mui-radio.mui-left span{padding-left: 38px;     height: 37px;    line-height: 37px;   font-size: 14px;}
    .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{ top:14px;}
    .mui-input-row .txt-yzm{ width: 60% !important;}
    .mui-input-row .txt-yzm ~ .mui-icon-clear{ right: 35%;}        
    .getpwd{ position: absolute; z-index: 2; color: @ColorPrimay; top: 8px; min-width: 35%;  text-align: center;  display: inline-block; height: 34px; line-height: 34px; right: 0; }
    .getpwd:after{.afterborder;  width: 1px; height: 80%;   -webkit-transform: scaleY(1);    transform: scaleY(1);    -webkit-transform: scaleX(0.5);    transform: scaleX(0.5);   left: 0; top: 10%; bottom: auto;}
    .gray{ color: @colorLightGray;
        span{ font-size: 12px;}
    }
}
.contract-btn{
     padding: 0;
     .mui-btn{ border-radius: 0;display: block; width: 100%; color: @colorOranged;}
}
.contract-tit{
    position: relative; padding-bottom:20px;  padding-top: 15px; margin-bottom: 20px;
     &:after{.afterborder; background: @colorBorder - 20%;}
     h1{ font-size: 25px;  line-height: 40px; font-weight: normal;}
}
.contract-article{
     p{ color: @colorGrey;}
}
.sign-up-order-wrap{
    .white-wrap(15px);
}
.sign-up-order{
    
}
.sign-up-order-wrap{
    .order-tit{
        text-align: center; padding: 35px 0 20px 0;
        .order-num{ font-size: 16px;}
        .order-price{ font-size: 30px;}
    }
    .dis-tab{
        position: relative; width: 100%; padding: 15px 0; font-size: 15px;color: @colorGrey;
        .dis-cell{ padding: 5px;}
        .dis-cell:first-child{ padding-left: 15px; padding-right: 10px;  width: 90px;}
        .dis-cell:last-child{ padding-right: 15px;} 
        &:before{.afterborder; top: 0; bottom: auto;}
        &:after{.afterborder;}
    }
    .mui-checkbox{  padding: 15px;
        span{color: @colorGrey; height: 30px; display: inline-block; line-height: 30px; font-size: 15px;}
        .iconfont{  color: #2dc433;  font-size: 23px;line-height: 30px; vertical-align: middle; padding-right: 10px; position: relative; top:-1px; }
        input[type=checkbox]{  top: 50%;  margin-top: -13px;}
    }
}
.prompt-wrap{
    .white-wrap(0px); height: 90%;; padding-top:60px;
    .prompt-content{
        text-align: center;
        img{ width: 35%; margin-bottom: 5px;}
        h2{ font-size: 22px; font-weight: normal; margin-bottom: 10px;}
        p{ font-size: 12px;}
    }
    .prompt-btn{
        padding: 25px 15%;
    }
}
@media(max-height:568px)
{
    .prompt-wrap{ height: 90%;}
    .prompt-warp{ padding-bottom: 0;}
}
.home-bg{
     background: no-repeat url(../images/student-head-bg.png); background-size: 100% auto;
     background-position: 0 -15px;
}
.home-head,.user-head{    
    color: white; padding: 25px 0;
    .photo{ width: 60px; height: 60px; float: left; margin-right: 15px; border-radius: 90px; border:3px solid white; overflow: hidden; display: inline-block;
        img{ display: block; width: 100%; }
    }
    .name{ color: white; font-size: 20px; padding-top: 2px; margin-bottom: 2px;}
    .school{color: white; font-size: 14px;
        span{ padding-right: 15px;}
    }
    a{ display: block; position: relative;
        &:after{ .afterArrow; color: white;  font-size: 20px; right: 0;}
    }
    
}
.home-nav{
    .white-wrap(15px); 
    padding: 12px 0; 
    ul{ display: flex;justify-content: center; text-align: center; align-items: center; height: 80px;}
    li{flex: 1; position: relative;  }
    li:after{
        .afterborder-r; height: 84%; top: 13%;
    }
    i{ display: block; font-size: 30px;}
    span{ font-size: 12px;}
    li:nth-child(1) i{ color: #ffa800;}
    li:nth-child(2) i{ color: #ff0000;}
    li:nth-child(3) i{ color: #3e8ffe;}
    li:last-child{ border: none;}
    a:hover,a:active,a:visited{ color: @colorGrey;}
   
}
.user-head-wrap{ background: white;    padding-bottom: 55px; }
.user-head{
    height: 170px; width: 100%;padding:0px 15px;
    .user-head-content{ position: relative; top:135px;
        &:after{ top: 16px; margin-top: 0;}        
    }
    .photo{ width: 70px; height: 70px;}
    .school{ color: @colorGrey; padding-top: 10px;}
}
.student-head{
    background: url(../images/student-user-bg.jpg); background-size: 100% 100%;
}
.user-settion{   
    font-size: 15px;
    .tit{ font-size: 14px; padding: 5px 15px; color: @colorLightGray + 20%;
    }
    .dis-tab{
         background: white; width: 100%; padding: 10px 15px; 
         .dis-row{
           
         }
         .dis-cell{ 
             position: relative; padding: 10px;
             &:after{ .afterborder; }
             &:first-child{ width: 90px; text-align: left; padding-left: 0; }
             &:last-child{ text-align: right; padding-right: 0; }             
         }    
         .dis-row:last-child .dis-cell:after{ height: 0; }     
    }
}
.user-contract{
    padding: 15px 0; 
    .mui-table-view:after,.mui-table-view:before{ height: 0;}
}
 
.interview-address{
    .mui-table-view-cell{ padding: 15px;}
    .mui-table-view-cell>a:not(.mui-btn){  white-space: normal;margin: -15px -15px;}
    .mui-table-view:after,.mui-table-view:before,.mui-table-view-cell:last-child:after{ height: 0;}
    dl{ padding-left: 29px;    padding-right: 20px;}
    dd{ font-size: 14px; color: @colorLightGray; padding-top: 5px;}
    dt{ font-size: 16px;}
    .iconfont{ position: absolute; left: 15px; top:11px; font-size: 22px; color: @colorGreen;} 
}

@media(max-width: 374px){
    .interview-content{padding: 10px 10px 10px 10px;}
}

.interview-btn{ position:fixed; left: 0px; bottom: 0px; width: 100%;  padding: 10px 15px;background: #faf9f9;box-shadow: 0 0 30px rgba(96, 96, 96, 0.16);}
.boot-body{ width: 100%; height: 100%; overflow: hidden; background: white;}
.boot-body .boot-photo{ width: 100%;    max-height: 100%;}
.home-tab{
     width: 100%;   border-collapse: collapse; margin-bottom: 2px;
     background: @ColorPrimay;  border-radius: 10px; overflow: hidden; text-shadow: 0 1px 1px rgba(0,0,0,.2);     
     td{ width: 33.33%; font-weight:500; font-size: 16px;   border: 1px solid white; border-collapse: collapse; color: white; text-align: center; vertical-align: middle; line-height:50px;}
}
.home-tab:nth-child(2){background-image: linear-gradient(90deg, #55a7ff, #78b1ee)}
.home-tab:nth-child(3){background-image: linear-gradient(90deg, #29c6a2, #71ddc4)}
.home-tab:nth-child(4){background-image: linear-gradient(90deg, #ff985d, #ffcb86)} 
.home-tab:last-child  {background-image: linear-gradient(90deg, #f64573, #ff7e9f)}

.home-tab-wrap{
    padding: 10px;
}

.sign-up-home-list{
    .more{ text-align: center; line-height: 50px; height: 50px; display: block; text-align: center;  font-size: 16px;}
    .sign-up-class-list{ box-shadow: none;}
}
.sign-slider{ 
  .mui-slider-group .mui-slider-item img{ height: 200px;}
  .page{ position: absolute; bottom: 10px; right: 15px; z-index: 1; color: white; background: rgba(0,0,0,0.5); border-radius: 90px; font-size: 12px; line-height: 20px; padding: 0px 10px;}
}

.transparent-bar{
    background: none; box-shadow: none;
    .mui-title{ display: none;};
    .mui-icon:before{ background: rgba(0,0,0,0.3); border-radius: 90px;overflow: hidden;}
}
.transparent-bar~.mui-content{ padding-top: 0;}
.sign-up-nav{ 
    .white-wrap(15px);
    height: 75px;   display: flex; background: white; margin-bottom: 15px;
    .cell{ flex: 1; display: flex;  align-items: center; justify-content: center; height: 75px;  text-align: center;   position: relative; }
    .cell:after{ .afterborder-r; height: 60%; top: 20%;}
    .cell:last-child:after{ height: 0;}
    .iconfont{ display: block; font-size: 30px; line-height: 30px; color: @ColorPrimay;    background-image: linear-gradient(90deg, #fccc0d 0%, #fead16 100%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    span{ font-size: 12px; color: @colorGrey;}
}
.sign-up-school{  
   img{ width: 35px; height:35px; border-radius: 100px;};
   font-size: 22px;  position: absolute; bottom: 15px; left: 15px; z-index: 1; color: white;
   h1{font-weight: normal; display: inline-block;}
   img,h1{ vertical-align: middle; margin-right: 2px;}
}

.field-list{
     .white-wrap(15px); 
     li{ padding: 20px 15px; position: relative;
        img{ width: 100px; border-radius: 5px; height: 70px; float: left; margin-right: 15px;}
        dt{ font-size: 16px;  }
        b{ color: @colorOrange;}
        span{ color: @colorLightGray; margin-left: 5px;}
        a{ color: @colorDarkGrey;}
        .right{ float: none; color: @colorLightGray; font-size: 12px;}
        dd{ padding-top: 3px;}
     }
     li:after{.afterborder;}
}
 